.mm-nav {
  border-top: 20px solid #efefef;
  border-bottom: 10px solid #efefef;
  padding: 0.266667rem /* 20/75 */;
}
.mm-nav ul {
  overflow: hidden;
}
.mm-nav ul li {
  text-align: center;
  float: left;
  width: 25%;
  margin-bottom: 0.266667rem /* 20/75 */;
}
.mm-nav ul li a {
  width: 100%;
}
.mm-nav ul li a img {
  width: 1.866667rem /* 140/75 */;
}
.mm-nav ul li a p {
  font-size: 0.32rem /* 24/75 */;
}
.mm-recommend {
  height: 0.933333rem /* 70/75 */;
  background-color: #ff841d;
  padding: 0.2rem /* 15/75 */;
}
.mm-recommend .recommend-left {
  font-size: 0.4rem /* 30/75 */;
  color: #fff;
}
.mm-recommend .recommend-right span {
  font-size: 0.466667rem /* 35/75 */;
  color: #fff;
}
.mm-product .item {
  width: 100%;
  height: 3.413333rem /* 256/75 */;
  border-bottom: 0.026667rem /* 2/75 */ solid #f1f1f1;
  padding: 0.266667rem /* 20/75 */ 0;
}
.mm-product .item .pro-left {
  width: 40%;
  height: 100%;
  text-align: center;
}
.mm-product .item .pro-left img {
  width: 2.666667rem;
  height: 2.666667rem;
  line-height: 100%;
}
.mm-product .item .pro-right {
  width: 60%;
  position: relative;
}
.mm-product .item .pro-right span {
  font-size: .32rem;
}
.mm-product .item .pro-right .out {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mm-product .item .pro-right .in {
  color: #ff761a;
}
.mm-product .item .pro-right p {
  position: absolute;
  left: 0;
  font-size: 0.186667rem /* 14/75 */;
}
.mm-product .item .pro-right p span {
  font-size: 0.186667rem /* 14/75 */;
}
.mm-product .item .pro-right .base {
  margin-top: 1.266667rem /* 50/75 */;
}
.mm-product .item .pro-right .base .right {
  font-size: 0.16rem /* 12/75 */;
}
.mm-more {
  padding: .13rem .13rem 0 .13rem;
  border-bottom: 0.266667rem /* 20/75 */ solid #f1f1f1;
}
.mm-more a {
  display: block;
  height: 0.8rem /* 60/75 */;
  text-align: center;
  line-height: 0.8rem /* 60/75 */;
  background-image: linear-gradient(#ffffff, #f4f4f4);
  color: #000;
}
.mm-brand {
  height: .933333rem;
  background-color: #ff841d;
  padding: .2rem;
}
.mm-brand .brand-left {
  font-size: .4rem;
  color: #fff;
}
.mm-brand .brand-right span {
  font-size: .466667rem;
  color: #fff;
}
